<style>
#container{
  border:1px solid red;
  padding:20px;
  margin:50px;
}
</style>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    
    $('.showText').click(function(){
      $('#container').fadeIn(1000);
    });
    
    $('.hideText').click(function(){
      $('#container').fadeOut(1000);
    });
  });
</script>
<h3 class="showText">Show</h3><h3 class="hideText">Hide</h3>
<div id="container">This is dummy text.This is dummy text.This is dummy text.This is dummy text.This is dummy text.This is dummy text.This is dummy text.This is dummy text.This is dummy text.This is dummy text.This is dummy text.This is dummy text.This is dummy text.This is dummy text.</div>